// 使用全局变量，保存验证码
let secret_code = ''
Page({
  data: {
    // 是否显示倒计时 
    countDownVisible: false,
    // mobile 和 code，原本是可以直接，this.data.mobile,不需要定义使用的
    // 因为要使用方法，开始未定义的话，默认是undefined，不能使用trim()去除
    // 两边空格的方法
    mobile: '',
    code: ''
  },
  // 在onLoad() 周期中，接受跳转携带的参数
  onLoad({ backUrl }) {
    // 把请求回来参数，保存到data中
    this.setData({
      backUrl
    })
  },
  // 封装函数，校验手机号
  validMobile() {
    // 1.定义正则，宽松校验
    const reg = /^1[3-9]\d{9}$/
    // 2. 使用test方法校验
    const valid = reg.test(this.data.mobile.trim())
    // 3. 如果不成功,提示用户不执行
    if (!valid) return wx.utils.toast('输入的手机号不正确')
    return valid
  },
  // 封装验证码，函数
  validCode() {
    // 1. 定义正则，校验验证码
    const reg = /^\d{6}$/
    // 2. test 校验，返回boolead值
    const valid = reg.test(this.data.code.trim())
    // 3. 如果不成功，提示用户，不执行
    if (!valid) return wx.utils.toast('验证码为6位数字')
    // 4. 校验通过，返回true
    return valid
  },
  // 获取当前倒计时信息
  countDownChange(ev) {
    this.setData({
      timeData: ev.detail,
      countDownVisible: ev.detail.seconds > 0 || ev.detail.minutes === 1
    })
  },
  // 点击获取验证码
  async getCode() {
    // 开始倒计时
    // 1. 点击验证码，校验手机号
    // 如果返回的校验，不正确，不发送验证码请求
    if (!this.validMobile()) return
    // 2. 发送验证码请求，获取验证码
    const { data, code } = await wx.http.get('/code', {
      mobile: this.data.mobile
    })
    console.log(data.code, '请求回来的验证码');
    // 如果没有成功，提示用户,不执行
    if (code !== 10000) return wx.utils.toast()
    secret_code = data.code
    // this.setData({
    //   countDownVisible: true
    // })
  },
  // 点击 "未注册手机号经验证后将自动注册" 使用小程序API
  // 把后端想要的值直接放在剪切板，方便测试使用
  codeCopy() {
    wx.setClipboardData({
      data: secret_code
    })
  },
  // 登录注册
  async submitForm() {
    // 1. 校验手机号，验证码
    if (!this.validMobile()) return
    if (!this.validCode()) return
    // 2. 校验通过，请求登录注册的接口
    const { data, code } = await wx.http.post('/login', {
      mobile: this.data.mobile,
      code: this.data.code
    })
    // console.log(res, '999999999');
    // 3. 如果返回的请求状态码错误，提示用户
    if (code !== 10000) return wx.utils.toast()
    // 将登录注册成功后返回的 token 和 refreshToken 存入到本地和全局
    getApp().setToken(data.token, data.refreshToken)
    // 4. 返回之前想要去的界面
    wx.redirectTo({
      url: this.data.backUrl
    })
  }
})
